Issue 14: lage responsivt design med plain css #26
+693
−347
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
hasanmo
reviewed
Sep 16, 2026
hasanmo
reviewed
Sep 16, 2026
hasanmo
reviewed
Sep 16, 2026
|
Den andre PR-en bør merges til dev før denne PR-en for responsivt design. Design-branchen må deretter hente siste versjon av dev, slik at CSS- og komponentendringene bygges på de nye modellene og aktivitetsdataene. Når den andre PR er godkjent og merget, kan jeg merge dev i responsive design branchen for å sjekke videre. hva synes dere ? @olestan @oliveror @oliverdr Verification |
…nsivt-design-med-plain-css
|
Til senere hadde det vært bra om header, footer og detailsoverlay ble refaktorisert til komponenter under /components, men jeg har for dette issuet holdt meg til strukturen slikk den er i App.tsx |
hasanmo
approved these changes
Sep 17, 2026
Sign in
to join this conversation on GitHub.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Change
Added responsive styling using plain CSS and updated the layout and styling of the header, weather cards, details dialog, and footer. Some components were also reorganized into dedicated folders.
Closes #14
Verification
Course requirements and AI use
This change addresses the responsive design requirement using plain CSS, primarily with Flexbox and Grid.
AI was used for debugging, suggestions for reasonable design tokens, and help when getting stuck. The suggestions were reviewed and the implementation was manually verified using browser dev tools.